<template>
  <div>
    <fastchoose-buttons-template-phone>
      <fastchoose-gender></fastchoose-gender>
      <fastchoose-jixiong></fastchoose-jixiong>
      <fastchoose-wuxing></fastchoose-wuxing>
    </fastchoose-buttons-template-phone>
  </div>

</template>

<script>
import FastchooseButtonsTemplatePhone from '@/components/base/fastchoose-buttons/common/fastchoose-buttons-template-phone'
import FastchooseGender from '@/components/base/fastchoose-buttons/common/fastchoose-gender'
import FastchooseWuxing from '@/components/base/fastchoose-buttons/common/fastchoose-wuxing'
import FastchooseJixiong from '@/components/base/fastchoose-buttons/common/fastchoose-jixiong'
export default {
  components: {
    FastchooseButtonsTemplatePhone,
    FastchooseWuxing,
    FastchooseJixiong,
    FastchooseGender
  },
  data() {
    return {
      bigsmallCondition: '',
      colorCondition: '',
      shengxiaoCondition: ''
    }
  },
  methods: {
    updateBigsmallCondition(condition) {
      this.bigsmallCondition = condition 
      this.$emit('click', this.colorCondition + this.bigsmallCondition)
    },
    updateColorCondition(condition) {
      this.colorCondition = condition
      this.$emit('click', this.colorCondition + this.bigsmallCondition)
    },
    updateShengxiaoCondition(condition) {
      this.bigsmallCondition = ''
      this.colorCondition = ''
      this.$refs.color.clearState()
      this.$refs.bigsmall.clearState()
      this.$emit('click', condition)
    }
  }
}
</script>